<template>
    <el-config-provider :locale="zhCn" :size="size">
        <router-view></router-view>
    </el-config-provider>
</template>

<script setup>


import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

import {
    Menu as IconMenu,
} from '@element-plus/icons-vue'
import { onMounted, ref } from 'vue'

const handleOpen = (key, keyPath) => {
    console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
    console.log(key, keyPath)
}

const size = ref('default')

onMounted(() => {
    const el = document.documentElement

    // // // 设置 css 变量
    // el.style.setProperty('--el-color-primary', '#008000')
    // el.style.setProperty('--el-color-primary-light-2', 'rgba(0,128,0,0.9)')
    // el.style.setProperty('--el-color-primary-light-3', 'rgba(0,128,0,0.8)')
    // el.style.setProperty('--el-color-primary-light-4', 'rgba(0,128,0,0.7)')
    // el.style.setProperty('--el-color-primary-light-5', 'rgba(0,128,0,0.6)')
    // el.style.setProperty('--el-color-primary-light-6', 'rgba(0,128,0,0.5)')
    // el.style.setProperty('--el-color-primary-light-7', 'rgba(0,128,0,0.4)')
    // el.style.setProperty('--el-color-primary-light-8', 'rgba(0,128,0,0.3)')
    // el.style.setProperty('--el-color-primary-light-9', 'rgba(0,128,0,0.2)')
    // el.style.setProperty('--el-color-primary-light-10', 'rgba(0,128,0,0.1)')
    //
    // // el.style.setProperty('--el-color-primary-dark', '#008000')
    // el.style.setProperty('--el-color-primary-dark-2', 'rgba(0,128,0,0.9)')
    // el.style.setProperty('--el-color-primary-dark-3', 'rgba(0,128,0,0.8)')
    // el.style.setProperty('--el-color-primary-dark-4', 'rgba(0,128,0,0.7)')
    // el.style.setProperty('--el-color-primary-dark-5', 'rgba(0,128,0,0.6)')
    // el.style.setProperty('--el-color-primary-dark-6', 'rgba(0,128,0,0.5)')
    // el.style.setProperty('--el-color-primary-dark-7', 'rgba(0,128,0,0.4)')
    // el.style.setProperty('--el-color-primary-dark-8', 'rgba(0,128,0,0.3)')
    // el.style.setProperty('--el-color-primary-dark-9', 'rgba(0,128,0,0.2)')
    // el.style.setProperty('--el-color-primary-dark-10', 'rgba(0,128,0,0.1)')
    // //
    // //
    // // el.style.setProperty('--el-bg-color', '#202329')

})


</script>


<style>
body {
    font-size: 14px;
    background: var(--el-bg-color-page);
}
</style>

